<template>
  <div class="app-logo" :class="{ 'small': small }">
    <img src="../assets/logo.svg" alt="基金成绩单" />
  </div>
</template>

<script setup>
// 定义props，接收一个small属性来控制logo尺寸
const props = defineProps({
  small: {
    type: Boolean,
    default: false
  }
});
</script>

<style scoped>
.app-logo {
  display: inline-flex;
  align-items: center;
}

.app-logo img {
  height: 40px;
  width: auto;
}

.app-logo.small img {
  height: 30px;
}
</style> 